<!doctype html>
<html>

<head>
	<meta charset="utf-8">
	<meta name="renderer" content="webkit">
	<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
	<link href="../../css/global.css" rel="stylesheet" type="text/css">
	<link href="../../js/layer/theme/default/layer.css" rel="stylesheet" type="text/css">
	<style>
		.change_drug table {
			width: 98%;
			height: auto;
			border: 1px solid #cccccc;
			border-collapse: collapse;
			font-size: 13px;
		}

		.change_drug tr {
			border-bottom: 1px solid #CCCCCC;
			text-align: center;
			height: auto;
			text-align: center;
			line-height: 34px;
			width: 17%;
		}
		/*#taskType label:nth-child(2){*/
		/*	display: none;*/
		/*}*/
		/* #taskCategories label:nth-child(2){
			display: none;
		} */
		.change_drug td {
			border-right: 1px solid #CCCCCC;
		}

		.search-input p {
			line-height: 50px;
		}

		.iptInput {
			padding: 0 10px;
			height: 26px;
			line-height: 34px;
			border: 1px solid #c2cad8;
			vertical-align: middle;
			font-size: 12px;
			color: #000;
			width: 70px;
		}	

		.marker-number {
			position: absolute;
			text-align: center;
			width: 100%;
			left: 0;
			display: block;
			top: 0;
			font-size: 13px;
			color: white;
		}

		.markerBOX {
			position: relative;
		}

		.timedTaskBoxTime{
			width: 100%;
			max-width: 100%;
			min-width: 100%;
			margin: 0;
			padding: 0 10px;
			height: 34px;
			line-height: 34px;
			border: 1px solid #c2cad8;
			vertical-align: middle;
			font-size: 14px;
			color: #000;
		}
		
		.weekTimes{
			width: 100%;
		}

		.weekTimes ul li{
			display: inline-block;
			padding: 7px 15px;
			border-radius: 8px;
			border: 1px solid skyblue;
			text-align: center;
			margin: 5px;	
			cursor:pointer;
		}
		.weekTimes2{
			width: 100%;
		}
		.weekTimes2 ul li{
			display: inline-block;
			padding: 7px 15px;
			border-radius: 8px;
			border: 1px solid skyblue;
			text-align: center;
			margin: 5px;	
			cursor:pointer;
		}
		.weekTimes_active{
			background: skyblue;	
			color: white;
		}

	</style>
	<title class="body_title">新增</title>
</head>

<body>
	<!--栏目列表-->
	<div class="left_menu">
		<div class="sub">
		</div>
	</div>
	<!--/栏目列表-->
	<div class="right_con">
		<div class="card">
			<div class="title"><span class="body_title">新增</span>
				<div class="cfr">
					<div class="tico full">
						<i class="iconfont icon-quanping"></i>
					</div>
				</div>
			</div>
			<div class="tipbox">
			</div>
			<div class="infoBox">
				<div class="boxs">
					<!--基本信息-->
					<div class="box">
						<div class="sub">
							<span>基本信息</span>  
							<div class="r_toggle" toggle=".ifo1" toggletext="&#xe74a;,&#xe749;" open>&#xe74a;</div>
						</div>
						<div class="form ifo1 validform" ly-get="{{gateUrl}}/back/task/selectTimedTaskById">
							<input id="id" type="hidden" ly-bind="timedTaskId" />
							<div class="row" gutter="10">
								<div class="label"><em>*</em>任务名称：</div>
								<div class="col-7">
									<input type="text" class="required radio ipt" name="taskName" id="taskName"
										ly-bind="taskName" placeholder="请输入任务名称" data-tip="请输入任务名称"
										data-valid="isNonEmpty||between:0-99" data-error="任务名称不能为空||任务名称长度必须在0-100之间">
								</div>
							</div>
							<div class="row" gutter="10">
								<div class="label"><em>*</em>任务类型：</div>
								<div class="col-7">
									<div id="taskType" name="taskType" class="radio"></div>
								</div>
							</div>
							<div class="row" gutter="10">
								<div class="label"><em>*</em>任务级别：</div>
								<div class="col-7">
									<div id="taskLevel" name="taskLevel" class="radio"></div>
								</div>
							</div>
							<div class="row" gutter="10">
								<div class="label"><em>*</em>任务类别：</div>
								<div class="col-7">
									<div id="taskCategories" name="taskCategories" class="radio"></div>
								</div>
							</div>
					
							 <div class="timedTaskRadioBOX hide">
								<div class="row timedTaskRadio" gutter="10 ">
									<div class="label"><em>*</em>开启定时任务：</div>
									<div class="col-7">
										<div id="timedTask" name="timedTask" class="radio">
											<label class="rad"><input type="radio" value="1" name="timedTask" checked=""><b></b>否</label>
											<label class="rad"><input type="radio" value="2" name="timedTask"><b></b>是</label>
										</div>
									</div>
								</div>
								<div class="timedTaskBox "> 
										<div class="row" gutter="10">
												<div class="label"><em>*</em>定时时间：</div>
												<div class="col-7">
													<input type="time" class="required ipt" name="checkEndTime" id="checkEndTime" ly-bind="checkEndTime" placeholder="请输入定时时间" data-tip="请输入定时时间" data-valid="isNonEmpty" data-error="定时时间不能为空">
												</div>
											</div>
								</div>
							 </div>
							 <div class="row hide" gutter="10" id="pubTime">
								<div class="label"><em>*</em>定时时间：</div>
								<div class="col-7">
									<input type="text" class="required radio ipt" name="pubTime"
										ly-bind="pubTime" placeholder="请输入定时时间" data-tip="请输入定时时间"
										data-valid="isNonEmpty||between:0-99" data-error="定时时间不能为空">
								</div>
							</div>
							 <div class="timedTaskRadioBOX2 hide">
								<div class="row timedTaskRadio" gutter="10 ">
									<div class="label"><em>*</em>开启定时任务：</div>
									<div class="col-7">
										<div id="timedTask2" name="timedTask" class="radio">
											<label class="rad"><input type="radio" value="1" name="timedTask" checked=""><b></b>否</label>
											<label class="rad"><input type="radio" value="2" name="timedTask"><b></b>是</label>
										</div>
									</div>
								</div>
							
							 </div>
							<div class="row  taskEndTime hide" gutter="10">
								<div class="label">日期选择：</div>
								<div class="col-7">
								    <div class="weekTimes">
										<ul>
											<li>星期一</li>
											<li>星期二</li>
											<li>星期三</li>
											<li>星期四</li>
											<li>星期五</li>
											<li>星期六</li>
											<li>星期天</li>
										</ul>
									</div>
								</div>
							</div>
							<div class="row  taskEndTime2 hide" gutter="10">
								<div class="label">日期选择：</div>
								<div class="col-7">
								    <div class="weekTimes2">
										<ul id="weekHtml">
											<li>星期一</li>
											<li>星期二</li>
											<li>星期三</li>
											<li>星期四</li>
											<li>星期五</li>
											<li>星期六</li>
											<li>星期天</li>
										</ul>
									</div>
								</div>
							</div>

							<!-- <div class="row hide taskEndTime" gutter="10">
								<div class="label">任务截止时间：</div>
								<div class="col-7">
									<input type="datetime" class="ipt" name="taskEndTime" id="taskEndTime"
										ly-bind="taskEndTime" placeholder="请输入任务截止时间" data-tip="请输入任务截止时间"
										minDate="today">
								</div>
							</div> -->  

							<div class="hide" id="publishMode">
									<div class="row" gutter="10 ">
											<div class="label"><em>*</em>发布时间：</div>
											<div class="col-7">
												<div id="publishType" name="publishType" class="radio" ly-bind="publishType"> 
												</div>
											</div>
										</div>
										<div class="row hide publishTime" gutter="10">
											<div class="label"><em>*</em>日期选择：</div>
											<div class="col-7">
													<input type="datetime" class="ipt" placeholder="请选择日期"
															ly-bind="publishTime" 
															name="publishTime" id="publishTime" data-valid="isNonEmpty"
															data-error="日期" minDate="today">
											</div>
										</div>

							</div>
							<div class="row" gutter="10">
								<div class="label"><em>*</em>任务指定：</div>
								<div class="col-7">
									<div id="isSpecify" name="isSpecify" ly-bind="isSpecify" class="radio"
										placeholder="请选择任务指定" data-tip="请选择任务指定" data-valid="isNonEmpty"
										data-error="任务指定不能为空"></div>
								</div>
							</div>
							<div>
								<div class="row changeTeam" gutter="10">
									<div class="label"><em>*</em>选择部门：</div>
									<div class="col-7">
										<div id="teamId" name="teamId" ly-bind="teamId" class="radio"
											placeholder="请选择部门" data-tip="请选择部门" data-valid="isNonEmpty"
											data-error="部门不能为空"></div>
									</div>
								</div>
								<div class="row changeWork" gutter="10">
									<div class="label"><em>*</em>选择工种：</div>
									<div class="col-7">
										<div id="workerId" name="workerId" ly-bind="workerId" class="radio"
											placeholder="请选择工种" data-tip="请选择工种" data-valid="isNonEmpty"
											data-error="工种不能为空"></div>
									</div>
								</div>
								<div class="row changeUserId" gutter="10">
									<div class="label"><em>*</em>选择负责人：</div>
									<div class="col-7">
										<div id="userId" name="userId" ly-bind="userId" class="radio"
											placeholder="请选择负责人" data-tip="请选择负责人" data-valid="isNonEmpty"
											data-error="负责人不能为空"></div>
									</div>
								</div>
							</div>
						
							<div class="row " gutter="10" id="Map1">
								<div class="label"><em>*</em>地图标注：</div>
								<div class="col-7">
									<a href="javascript:;" class="addbtn" id="addr" type="inputMap">请选择地址</a>
									<input type="inputMap" class="ipt hide">
									<div class="add"></div>
								</div>
							</div>

							<div class="hide" id="writeAddress">
								<div class="row" gutter="10">
									<div class="label">地址：</div>
									<div class="col-7">
										<input type="text" class="ipt " id="location" ly-bind="location" placeholder="请在地图上标注"
											   data-tip="请输入地址" data-valid="isNonEmpty" data-error="地址不能为空" />
									</div>
								</div>

								<div class="row" gutter="10">
									<div class="label">经度：</div>
									<div class="col-7">
										<input type="text" class="ipt " id="log" ly-bind="log" placeholder="请在地图上标注"
											   data-tip="请输入经度" data-valid="isNonEmpty" data-error="经度不能为空" />
									</div>
								</div>

								<div class="row" gutter="10">
									<div class="label">纬度：</div>
									<div class="col-7">
										<input type="text" class="ipt" id="lat" ly-bind="lat" placeholder="请在地图上标注"
											data-tip="请输入纬度" data-valid="isNonEmpty" data-error="纬度不能为空" />
									</div>
								</div>
							</div>

							<!--<div class="row" gutter="10">
								<div class="label"><em>*</em>任务说明：</div>
								<div class="col-7">
									<textarea class="txa required radio" placeholder="请输入任务说明" ly-bind="taskStatement"
										id="taskStatement" name="taskStatement" data-tip="请输入任务说明" maxlength="200"
										data-valid="isNonEmpty||between:0-200"
										data-error="任务说明不能为空||任务说明长度必须在0-200之间"></textarea>
								</div>
							</div>-->

							<div class="row" gutter="10">
								<div class="label">任务说明：</div>
								<div class="col-7">
									<textarea class="txa radio" placeholder="请输入任务说明" ly-bind="taskStatement"
											  id="taskStatement" name="taskStatement" ></textarea>
								</div>
							</div>

							<div class="row hide " id="Map1BOX" gutter="10">
								<div class="label">任务路线图：</div>
								<div class="col-7">
									<div id="allmap" style="width: 750px; height:400px;"></div>
								</div>
							</div>


							<div class="row addDetailsList hide" gutter="10">
								<div class="label"><em>*</em>任务路线选择：</div>
								<div class="col-7">
									<select class="set" id="lineId">
									</select>
									<!--<a href="javascript:;" class="addbtn radio"  id="addDetailsList" >请选择任务路线</a>-->
								</div>
							</div>

							<div class="row taskLine hide" gutter="10">
								<div class="label"><em>*</em>任务路线选择：</div>
								<div class="col-7">
									<div class="change_drug">
										<table>
											<thead>
												<tr>
													<td>排序</td>
													<td>经度</td>
													<td>纬度</td>
													<td>任务操作</td>
													<td>任务说明</td>
												</tr>
											</thead>
											<tbody id="detailsList">

											</tbody>
										</table>
									</div>
								</div>
							</div>

						</div>
					</div>
					<div class="btnBox">
						<div class="fr">
							<button class="btn red " id="save-btn-commodityClassification">保存</button>
							<button class="btn goback" onclick="window.history.back()">返回</button>
						</div>
					</div>
				</div>
			</div>
		</div>
		<!--/layer弹窗-->
		<div class="layerBox create_merchant hide">
			<div class="layerhead"> <span>选择任务路线</span>
				<div class="fr close-operate"> <i class="iconfont icon-close"></i> </div>
			</div>
			<div class="layerfoot">
				<div class="fr">
					<button class="btn red" id="submit-btn-audit">保存</button>
					<button class="btn goback">关闭</button>
				</div>
			</div>
			<div class="layermain pl10">
				<form id="formMerchant" class="form formMerchant pl10">
					<div>
						<div style="float: left;width: 64%;overflow: auto;">
							<div class="search-input">
								<div class="row">
									<span gutter="10">
										<div class="label">设备类型</div>
										<div class="col-2">
											<select class="set" id="equipmentType" name="equipmentType"
												ly-type="select"></select>
										</div>
									</span>
									<span gutter="10">
										<div class="label">设备名称</div>
										<div class="col-2">
											<input type="text" class="ipt" id="equipmentName">
										</div>
									</span>
									<span gutter="10">
										<div class="label"></div>
										<div class="btnlist yellow">
											<a href="javascript:void(0)" onclick="changeSelectTeamList()">查询</a>
										</div>
									</span>
								</div>
							</div>
							<div class="change_drug">
								<table>
									<thead>
										<tr>
											<td>设备名称</td>
											<td>设备类型</td>
											<td>纬度</td>
											<td>经度</td>
											<td>详细地址</td>
											<td>操作</td>
										</tr>
									</thead>
									<tbody id="equipmentList">

									</tbody>

								</table>

							</div>

						</div>

						<div style="float: right;width: 35%;overflow: auto;">
							<div class="search-input" style="margin-top: 38px;">
								<span gutter="10">
									<div class="label">已选择</div>
									<div class="col-2">
									</div>
								</span>
							</div>
							<div class="change_drug" style="border-left: 1px solid #CCCCCC;">
								<table>
									<thead>
										<tr>
											<td>排序</td>
											<td>设备名称</td>
											<td>任务操作</td>
											<td>任务说明</td>
											<td>操作</td>
										</tr>
									</thead>
									<tbody id="changeThisList">

									</tbody>
								</table>
							</div>

						</div>
					</div>
				</form>
			</div>
		</div>
		<!--/layer弹窗-->

</body>
<script type="text/javascript" src="https://webapi.amap.com/maps?v=1.4.15&key=31d92b460bd11503e8766ad325476e00">
</script>
<script id="jquery_js"  src="../../js/jquery-1.11.1.min.js"></script>
<script id="config_js"  src="../../js/config.js"></script>
<script id="ly_main_js" src="../../js/ly_main.js"></script>
<script src="../../js/jquery-validate.js"></script>
<script src="../../js/webuploader/webuploader.min.js"></script>
<script src="../../js/simpleuploader.js"></script>
<script src="../../js/common.js"></script>
<script src="../../js/layer/layer.js"></script>
<script src="../../js/ourJs/task/new-task-creat.js"></script>

</html>